<template>
    <div v-if="category">
        
     <BreadView>
    <BreadItem :to="'/'">首页</BreadItem>
    <BreadItem :to="`/`">{{category[1].name}}</BreadItem>
    <BreadItem :to="`/`">{{category[0].name}}</BreadItem>
    <BreadItem >{{name}}</BreadItem>
</BreadView>

    </div>
</template>

<script>
import BreadItem from '@/components/utils/Bread/BreadItem.vue'
import BreadView from '@/components/utils/Bread/BreadView.vue'
export default {
    components:{
        BreadItem,BreadView
    },
    props:{
        category:{
            type:Array,
            default:()=>{}
        },
        name:{
            type:String,
            default:""
        }
    },
    data() {
        return {
            
        };
    },

    mounted() {
        
    },

    methods: {
        
    },
};
</script>

<style lang="scss" scoped>

</style>